<template>
  <div class="page_content">
    <el-config-provider :locale="locale"></el-config-provider>
    <router-view></router-view>
  </div>
</template>

<script setup lang="ts">
import locale from "element-plus/es/locale/lang/zh-cn";
import { onMounted } from "vue";
onMounted(() => {
  //   window.onresize = () => {
  //     initMainBody();
  //   };
  //   initMainBody();
});
// const initMainBody = () => {
//   let clientWidth = document.documentElement.clientWidth;
//   let clientHeight = document.documentElement.clientHeight;
//   let WHRatio = clientWidth / clientHeight;
//   let root = document.querySelector("#app");
//   if (WHRatio <= 16 / 9) {
//     // 16 / 9 就是  1920 / 1080的屏幕
//     // 说明是窄长屏，此时要将 宽度拉满，
//     root.style.transform =
//       "scale(" + clientWidth / 1920 + "," + clientWidth / 1920 + ")";
//   } else {
//     // 说明是宽屏，此时要将 高度拉满，
//     root.style.transform =
//       "scale(" + clientHeight / 1080 + "," + clientHeight / 1080 + ")";
//   }
// };
</script>

<style lang="scss">
@import "@/assets/css/common/Normalize.css";
@import "@/assets/css/common/dialog.css";
@import "@/assets/css/common/Font.scss";

html,
body {
  // width: 6240px;
  // height: 1890px;
  //   background-color: #0e2669a2;
  background-color: #f5f5f5;
  font-family: "text";
  .viewer-container {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
  }
}

#app {
  display: flex;
  flex-flow: column;
  align-items: center;
  // width: 1920px;
  // height: 1080px;
  // min-width: 1920px;
  // max-width: 1920px;
  // min-height: 1080px;
  // max-height: 1080px;
}
.page_content {
  width: 100%;
  height: 100%;
}
// element-plus 取消el-input输入框的背景色
.el-input__inner:-webkit-autofill,
.el-input__inner:-webkit-autofill:hover,
.el-input__inner:-webkit-autofill:focus,
.el-input__inner:-webkit-autofill:active {
  -webkit-transition-delay: 99999s;
  -webkit-transition: color 99999s ease-out, background-color 99999s ease-out;
}
.el-dialog__footer {
  border-top: 2px solid rgb(233, 233, 233) !important;
  padding: 14px 18px !important;
}
.number {
  font-family: "number";
}

::-webkit-scrollbar {
  width: 0.45em;
  height: 0.55em;
  background-color: transparent;
}

/*定义滚动条轨道
		内阴影+圆角*/
::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  border-radius: 0.625em;
  background-color: transparent;
}

/*定义滑块
		内阴影+圆角*/
::-webkit-scrollbar-thumb {
  border-radius: 0.625em;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 132, 255, 0.4);
  // background-color: #2694fa;
  background-image: linear-gradient(180deg, #2694fa, #9bb4f8);
}

#app {
  margin: 0;
  position: relative;
  width: 100%;
}
</style>
